
	(function(){
		var tab_list=document.getElementsByClassName("tab_list");
		for(let i=0;i<tab_list.length;i++){
			tab_list[i].code=i;
			// 获取每一个 ul li
			let tab_list_li=tab_list[i].getElementsByClassName("tab_list_li");
			// 
			for(let j=0;j<tab_list_li.length;j++){
				tab_list_li[j].index=i;
				tab_list_li[j].onmouseenter=function(){
					// 清空其它类
					for(let q=0;q<tab_list_li.length;q++){
						tab_list_li[q].className="tab_list_li";
					}
					this.className="tab_list_li tab_active";
					console.log("i",i,'j',j);
					/*
						i 0 ，j 0 第一个大类 第1个ul显示
						i 0 ，j 1 第一个大类 第2个ul显示
					*/
				   show_class_ul(i,j);
				}
			}
		}
		// 获取 大类的盒子 数组
		 var main_right_box=document.getElementsByClassName("main_right_box");
		 var main_right_box_ul_list=[];//添加所有的ul数据
		 for(let i=0;i<main_right_box.length;i++){
			 main_right_box_ul_list.push(main_right_box[i].getElementsByClassName("main_right_box_ul"));
		 }
		 console.log("main_right_box_ul_list",main_right_box_ul_list);

		// 参数 i 大类的索引/main_right_box的索引 ,j 为大类ul索引/main_right_box_ul索引
		function show_class_ul(i,j){
			console.log("i",i,'j',j);
			i++;//避开 第一个手机的ul
			var main_right_box_ul= main_right_box_ul_list[i];
			for(let q=0;q<main_right_box_ul.length;q++){
				main_right_box_ul[q].style.display="none";
			}
			main_right_box_ul[j].style.display="block";
		}
	})()
	
